<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>古诗集选</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header class="header1">
        <img src="./image/狗.gif" alt="图片跑路啦">
        <strong>古诗集选</strong>
    </header>
    <br>
    <br>
    <nav>
        <a href="#ch01">精选古诗</a>
        <a href="#ch02">精选古词</a>
        <a href="#ch03">精选古曲</a>
        <a href="#ch04">作者介绍</a>
        <a href="#ch05">名句精选</a>
    </nav>
    <hr>
    <section>
        <h2><a href="" id="ch01">精选古诗</a></h2>
        <article>
            <header>
                <h3>《将进酒》</h3>
                <p>【唐】李白</p>
            </header>
            <div class="content">
                <p>君不见黄河之水天上来，奔流到海不复回。</p>
                <p>君不见高堂明镜悲白发，朝如青丝暮成雪。</p>
                <p style="color: red;">人生得意须尽欢，莫使金樽空对月。</p>
                <p style="color: red;">天生我材必有用，千金散尽还复来。</p>
                <p>烹羊宰牛且为乐，会须一饮三百杯。</p>
                <p>岑夫子，丹丘生，将进酒，杯莫停。</p>
                <p>与君歌一曲，请君为我倾耳听。(倾耳听 一作：侧耳听)</p>
                <p>钟鼓馔玉不足贵，但愿长醉不愿醒。(不足贵 一作：何足贵；不愿醒 一作：不复醒)</p>
                <p>古来圣贤皆寂寞，惟有饮者留其名。(古来 一作：自古；惟 通：唯)</p>
                <p>陈王昔时宴平乐，斗酒十千恣欢谑。</p>
                <p>主人何为言少钱，径须沽取对君酌。</p>
                <p>五花马、千金裘，呼儿将出换美酒，与尔同销万古愁。</p>
            </div>
        </article>
        <article>
            <details>
                <summary>了解更多</summary>
                <header>
                    <h3>《十一月四日风雨大作二首》</h3>
                    <p>【宋】陆游</p>
                </header>
                <div class="content">
                    <p>风卷江湖雨暗村，四山声作海涛翻。</p>
                    <p>溪柴火软蛮毡暖，我与狸奴不出门。</p>
                    <p>僵卧孤村不自哀，尚思为国戍轮台。</p>
                    <p>夜阑卧听风吹雨，铁马冰河入梦来。</p>
                </div>
            </details>
        </article>
    </section>
    <section>
        <h2><a href="" id="ch02">精选古词</a></h2>
        <article>
            <header>
                <h3>《水调歌头·明月几时有》</h3>
                <p>【宋】苏轼</p>
            </header>
            <div class="content">
                <p>丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。</p>
                
                <p>明月几时有？把酒问青天。
                    不知天上宫阙，今夕是何年。
                    我欲乘风归去，又恐琼楼玉宇，
                    高处不胜寒。起舞弄清影，
                    何似在人间。(何似 一作：何时；又恐 一作：惟 / 唯恐)
                    转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？<span style="color: red;" >人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共婵娟。</span></p>
                
            </div>
        </article>
        <article>
            <details>
                <summary>了解更多</summary>
                <header>
                    <h3>《满江红·写怀》</h3>
                    <p>【宋】岳飞</p>
                </header>
                <div class="content">
                    <p>怒发冲冠，凭栏处、潇潇雨歇。
                        抬望眼，仰天长啸，壮怀激烈。
                        三十功名尘与土，八千里路云和月。
                        <span style="color: coral;">莫等闲，白了少年头，空悲切！</span>(栏 通：阑)
                        靖康耻，犹未雪。臣子恨，何时灭！
                        驾长车，踏破贺兰山缺。
                        壮志饥餐胡虏肉，笑谈渴饮匈奴血。
                        待从头、收拾旧山河，朝天阙。(壮志 一作：壮士；山缺 一作：山阙)</p>
                </div>
            </details>
        </article>
    </section>
    <section>
        <h2><a href="" id="ch03">精选古曲</a></h2>
        <article>
            <header>
                <h3>《天净沙·秋思》</h3>
                <p>【元】马致远</p>
            </header>
            <div class="content">
                <p>枯藤老树昏鸦，小桥流水人家，古道西风瘦马。
                    <span style="color: coral;">夕阳西下，断肠人在天涯。</span></p>
            </div>
        </article>
        <article>
            <details>
                <summary>了解更多</summary>
                <header>
                    <h3>《天净沙·秋》</h3>
                    <p>【元】白朴</p>
                </header>
                <div class="content">
                    <p>孤村落日残霞，轻烟老树寒鸦，一点飞鸿影下。
                        <span style="color: coral;">青山绿水，白草红叶黄花。</span></p>
                </div>
            </details>
        </article>
    </section>
    <section>
        <h2><a href="" id="ch04">作者介绍</a></h2>
        <div class="show">
            <div class="img"><img src="./image/搞怪李白.webp" alt=""></div>
            <p>李白（701年－762年） ，字太白，号青莲居士，又号“谪仙人”，
                唐代伟大的浪漫主义诗人，被后人誉为“诗仙”，与杜甫并称为“李杜”，
                为了与另两位诗人李商隐与杜牧即“小李杜”区别，
                杜甫与李白又合称“大李杜”。据《新唐书》记载，李白为兴圣皇帝（凉武昭王李暠）九世孙，
                与李唐诸王同宗。其人爽朗大方，爱饮酒作诗，喜交友。李白深受黄老列庄思想影响，
                有《李太白集》传世，诗作中多以醉时写的，
                代表作有《望庐山瀑布》《行路难》《蜀道难》《将进酒》《明堂赋》《早发白帝城》等多首。</p>
        </div>
        <div class="show">
            <div class="img"><img src="./image/陆游.jpeg" alt=""></div>
            <p>陆游（1125年11月13日－1210年1月26日），
                字务观，号放翁，汉族，越州山阴（今浙江绍兴）人，
                尚书右丞陆佃之孙，南宋文学家、史学家、爱国诗人。
                陆游生逢北宋灭亡之际，少年时即深受家庭爱国思想的熏陶。
                宋高宗时，参加礼部考试，因受宰臣秦桧排斥而仕途不畅。孝宗时赐进士出身。中年入蜀，投身军旅生活。
                嘉泰二年（1202年），宋宁宗诏陆游入京，主持编修孝宗、光宗《两朝实录》和《三朝史》，官至宝章阁待制。
                晚年退居家乡。创作诗歌今存九千多首，内容极为丰富。著有《剑南诗稿》、《渭南文集》、《南唐书》、《老学庵笔记》等。</p>
        </div>
        <div class="show">
            <div class="img"><img src="./image/苏轼.jpeg" alt=""></div>
            <p>苏轼（1037年1月8日-1101年8月24日）字子瞻、和仲，号铁冠道人、东坡居士，
                世称苏东坡、苏仙，汉族，眉州眉山（四川省眉山市）人，祖籍河北栾城，
                北宋著名文学家、书法家、画家，历史治水名人。
                苏轼是北宋中期文坛领袖，在诗、词、散文、书、画等方面取得很高成就。
                文纵横恣肆；诗题材广阔，清新豪健，善用夸张比喻，独具风格，与黄庭坚并称“苏黄”；
                词开豪放一派，与辛弃疾同是豪放派代表，并称“苏辛”；
                散文著述宏富，豪放自如，与欧阳修并称“欧苏”，为“唐宋八大家”之一。
                苏轼善书，“宋四家”之一；擅长文人画，尤擅墨竹、怪石、枯木等。
                与韩愈、柳宗元和欧阳修合称“千古文章四大家”。
                作品有《东坡七集》《东坡易传》《东坡乐府》《潇湘竹石图卷》《古木怪石图卷》等。</p>
        </div>
    </section>
    <section>
        <h2><a href="" id="ch05">名句精选</a></h2>
        <h1>身无彩凤双飞翼，心有灵犀一点通。</h1>
        <div class="pic"><p>出自唐代李商隐的《无题·昨夜星辰昨夜风》</p></div>
        <h1>一点浩然气，千里快哉风。</h1>
        <div class="pic"><p>出自宋代苏轼的《水调歌头·黄州快哉亭赠张偓佺》</p></div>
        <h1>小楼一夜听春雨，深巷明朝卖杏花。</h1>
        <div class="pic"><p>出自宋代陆游的《临安春雨初霁》</p></div>
        <h1>仰天大笑出门去，我辈岂是蓬蒿人。</h1>
        <div class="pic"><p>出自唐代李白的《南陵别儿童入京》</p></div>
        <h1>问君能有几多愁？恰似一江春水向东流。</h1>
        <div class="pic"><p>出自五代李煜的《虞美人·春花秋月何时了》</p></div>
    </section>
</body>
</html>